$color: (
  "white": #ffffff,
  "white2": #f5f5f5,
  "tit": #333333,
  "subTit": #999999,
  "info": #666666,
  "black2": #161e30,
  "primary": #5095f7,
  "theme": #5095f7,
  "blue": #006eff,
  "gray": #ededed,
  "body": #f5f5f5,
  "border": #cecece,
);
$border-color: map-get($color, "border");
$border-width: 1px;

$base-font-size: 14px;
$font-size: (
  "14": 14px,
  "16": 16px,
  "18": 18px,
  "26": 26px,
  "34": 34px,
);

$space-types: (
  m: margin,
  p: padding,
);
$space-size: (
  "xs": 5px,
  "10": 10px,
  "20": 20px,
  "30": 30px,
);
$direction: (
  t: top,
  b: bottom,
  l: left,
  r: right,
);

$pos: (
  rel: relative,
  fix: fixed,
  abs: absolute,
);

// flex justify-content
$jus: (
  start: flex-start,
  end: flex-end,
  cen: center,
  between: space-between,
  around: space-around,
);

// flex align-items
$align: (
  str: stretch,
  start: flex-start,
  end: flex-end,
  cen: center,
);

$over: (
  hide: hidden,
  auto: auto,
  scroll: scroll,
);
